<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
	<link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
	<link th:href="@{/erp/assets/css/codemirror.css}" rel="stylesheet">
	<link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
	<link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
	<!--[if IE 7]>
	<link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}"/>
	<![endif]-->
	<!--[if lte IE 8]>
	<link rel="stylesheet" th:href="@{/erp/assets/css/ace-ie.min.css}"/>
	<![endif]-->
	<script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
	<script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
	<script type="text/javascript" th:src="@{erp//Widget/Validform/5.3.2/Validform.min.js}"></script>
	<script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
	<script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
	<script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
	<script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript"></script>
	<script th:src="@{/erp/assets/js/jquery-ui-1.10.3.custom.min.js}"></script>
	<script th:src="@{/erp/assets/js/jquery.ui.touch-punch.min.js}"></script>
	<script th:src="@{/erp/assets/js/ace-elements.min.js}"></script>
	<script th:src="@{/erp/assets/js/ace.min.js}"></script>
	<script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>
	<script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
	<title>订单打印</title>
	<style>
		#order .label_name{
			margin: 0;
			padding: 0;
			display: inline-block;
			width: 500px;
			text-align: left;
		}
	</style>
</head>
<body>

<div class="margin clearfix">
	<div class="stystems_style">
		<div class="tabbable">
			<div class="page-content clearfix">
				<div id="Member_Ratings">
					<br/>
					<h2 align="center" th:text="${detailMessage.company_name}+'公司发货单'"></h2>

					<br/>
					<div id="order">
						<label class="label_name"  th:text="'购货人:'+${detailMessage.company_name}"></label>
						<label class="label_name"  th:text="'付款日期:'+${#dates.format(detailMessage.deal_time,'yyyy-MM-dd')}"></label>
						<label class="label_name"  th:text="'发货单号:'+${detailMessage.shipping_num}"></label>
						<label class="label_name"  th:text="'付款时间:'+${#dates.format(detailMessage.deal_time,'HH:mm:ss')}"></label>
						<label class="label_name"  th:text="'发货时间:'+${detailMessage.shipping_date}"></label>
						<label class="label_name"  th:text="'配送方式:'+${detailMessage.logistics_name}">:未发货</label>
						<label class="label_name" >支付方式：支付宝</label>
						<label class="label_name"  th:text="'手机：'+${detailMessage.legal_tel}"></label>
						<label class="label_name"  th:text="'电话：'+${detailMessage.fixed_tel}"></label>
						<label class="label_name"  th:text="'收货地址：'+${detailMessage.company_province+detailMessage.company_city+detailMessage.company_area+detailMessage.company_address}"></label>
						<label class="label_name"  th:text="'电话：'+${detailMessage.company_name}"></label>
						<label class="label_name" >邮编：456150</label><br/>
					</div>

					<div class="tab-content">
						<div id="home" class="tab-pane active">
							<table class="table table-striped table-bordered table-hover" id="sample-table">
								<thead>
								<tr>
									<th width="100">订单编号</th>
									<th width="100">商品名称</th>
									<th width="100">货号</th>
									<th width="80">属性</th>
									<th width="100">价格</th>
									<th width="100">数量</th>
									<th width="100">小计</th>
									<th hidden="hidden"></th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td th:text="${detailMessage.order_id}"></td>
									<td th:text="${detailMessage.p_name}"></td>
									<td th:text="${detailMessage.p_number}"></td>
									<td th:text="${detailMessage.p_kind}"></td>
									<td th:text="${detailMessage.p_price}"></td>
									<td th:text="${detailMessage.number}"></td>
									<td th:text="${detailMessage.p_price*detailMessage.number}"></td>
									<td hidden="hidden"></td>
								</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div style="position: absolute;right: 100px;">
						<label class="label_name" style="margin-left:20px;" th:text="'商品总金额：￥'+${detailMessage.p_price*detailMessage.number}"></label><br/>
						<label class="label_name" style="margin-left:20px;" th:text="'应付款：￥'+${detailMessage.p_price*detailMessage.number}"></label>
					</div>
					<div style="position: absolute;right: 150px;">
						<br/><br/><br/><br/><label class="label_name" style="margin-left:20px;" th:text="'打印时间：'+${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd HH:mm:ss')}">
						18:15:15</label><label class="label_name" style="margin-left:20px;" th:text="'操作者：'+${user.userName}"></label>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
<script>
	jQuery(function ($) {
		var oTable1 = $('#sample-table').dataTable({
			"aaSorting": [
				[1, "desc"]
			],//默认第几个排序
			"bStateSave": true,//状态保存
			"aoColumnDefs": [
				//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
				{"orderable": false, "aTargets": [0, 8, 9]}// 制定列不参与排序
			]
		});
	})
</script>
